/* 雪碧图 */

.icon_detail {
  background: url(../../img/goods_detail/detail_sprite.png);
  font-style: normal;
  display: inline-block;
}

/* 金卡会员图标 */

.icon_detail_gold {
  width: 20px;
  height: 20px;
  background-position: -564px -189px;
}

/* 白金卡会员 */

.icon_detail_platina {
  width: 20px;
  height: 20px;
  background-position: -520px -189px;
}

/* 银卡 */

.icon_detail_silver {
  width: 20px;
  height: 20px;
  background-position: -542px -189px;
}

/* 引入雪碧图 */

.icon_user {
  background: url(../../img/user/user_sprite_01.png);
  font-style: normal;
  display: inline-block;
}

/* 展开目录 关闭目录 按钮 */

.icon_user_open {
  width: 13px;
  height: 13px;
  background-position: -274px -178px;
}

.icon_user_close {
  width: 13px;
  height: 13px;
  background-position: -257px -178px;
}

/* 订单管理 雪碧图 */

.icon_user_order {
  background: url(../../img/user_order/user_order_sprite.png);
  font-style: normal;
  display: inline-block;
}

/* 店 图标 */

.icon_user_order_shop {
  width: 18px;
  height: 18px;
  background-position: -264px -205px;
}

/* ---------------横向大标题------------------ */

.levelTitle_bg {
  background-color: #f10180;
  height: 40px;
  line-height: 40px;
}

.levelTitle a {
  color: #fff;
  height: 40px;
  padding: 0 14px;
  text-align: center;
  font-size: 16px;
  white-space: nowrap;
  display: inline-block;
}

/* 鼠标触摸 */

.levelTitle a:hover {
  background-color: #db0a76;
}

.levelTitle .levelTitle_left a:first-child {
  background-color: #bd1067;
  cursor: default;
  font-weight: 700;
  color: #fff;
  margin-right: 0;
}

/* 竖线 */

.levelTitle .levelTitle_right a:first-child::after {
  content: "|";
  position: relative;
  right: -16px;
  color: #333;
  font-weight: normal;
}

.levelTitle .levelTitle_right:hover a:first-child::after {
  content: "|";
  color: rgba(0, 0, 0, 0);
}

/* ------------------主要内容区---------------- */

.swiper_con {
  padding-top: 24px;
  padding-bottom: 24px;
}

.user_center_bg {
  width: 100%;
  height: 100%;
  background-color: #f5f6f8;
}

/* 大背景 */

.user_center {
  background: url(../../img/user/content_bg_user.png)top center no-repeat;
  width: 100%;
}

/* 目录背景 */

.catalog {
  width: 100px;
  padding: 20px 10px;
  border: 1px solid #e4e4e4;
  background: #fff;
  margin-right: 15px;
  display: inline-block;
}

/* 目录标题 */

.catalog .title {
  line-height: 16px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  font-weight: bolder;
  height: 16px;
  margin-bottom: 15px;
}

.catalog .title i {
  margin-right: 8px;
}

/* 目录列表 */

.catalog ul li a {
  color: #666;
  line-height: 17px;
}

.catalog ul li a:hover {
  color: #f10180;
}

.catalog ul li {
  height: 17px;
  padding-left: 13px;
  margin-left: 12px;
  margin-bottom: 10px;
}

/* 底线 */

.catalog .deal, .catalog .asset {
  border-bottom: 1px dotted #ddd;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

/* 主页内容 操作 */

.content {
  width: 820px;
  min-height: 600px;
}

/* 跳转目录 */

.content .catalog_src a::before {
  content: "";
  position: absolute;
  background-color: #f21389;
  width: 2px;
  height: 14px;
  top: 0;
  left: 0;
}

.content .catalog_src a {
  margin-left: 10px;
  color: #333;
}

.content .catalog_src span {
  color: #333;
}

/* 安全提示 */

.content .safe_tips {
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #ececec;
  padding: 17px 50px 20px 14px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #333;
}

.content .safe_tips img {
  display: inline-block;
  padding-right: 10px;
}

/* 分类查看订单 选项卡 */

.content .order_classify {
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 20px;
}

.content .order_classify li {
  cursor: pointer;
  color: #666;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  display: inline-block;
  padding: 11px 20px;
  line-height: 12px;
  border-left: 1px solid #d0d0d0;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  font-size: 14px;
}

.content .order_classify li.active {
  border-bottom: 2px solid #f10180;
}

.content .order_classify li:hover {
  color: #f10180;
  font-weight: 700;
}

/* 订单列表标题 */

.content .order_title {
  height: 36px;
  line-height: 36px;
  background-color: #f9f9f9;
  border: 1px solid #eaeaea;
  margin-top: 15px;
}

.content .order_title div {
  display: inline-block;
  text-align: center;
  width: 127px;
}

.content .order_title div:first-child {
  width: 379px;
}

.content .order_title div:last-child {
  width: 174px;
}

/* 订单列表 标头 */

.content .order_list .order_head {
  background-color: #f9f9f9;
  color: #333;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  border: 1px solid #eaeaea;
  border-bottom: 0;
  border-left: 2px solid #f10180;
}

.content .order_list .order_head i {
  display: inline-block;
  margin-left: 20px;
  margin-right: 8px;
}

.content .order_list .order_head .order_num {
  color: #666;
  font-size: 12px;
}

.content .order_list .order_head .order_numbe {
  color: #666;
  font-size: 12px;
  margin-right: 30px;
}

.content .order_list .order_head .order_number:hover {
  color: #f10180;
  font-size: 12px;
}

.content .order_list .order_head .shop_name {
  color: #666;
  font-size: 12px;
  margin-right: 30px;
  margin-left: 20px;
}

.content .order_list .order_head .shop_name:hover {
  color: #f10180;
  font-size: 12px;
}

.content .order_list .order_head .order_time {
  color: #666;
  font-size: 12px;
  margin-right: 30px;
}

/* 订单列表 单项 */

/* 订单商品 图片 名称 数量 */

.content .order_body {
  background-color: #fff;
  border: 1px solid #eaeaea;
  display: table;
  width: 818px;
}

.content .order_body .order_name {
  display: inline-block;
  padding: 20px;
  border-right: 1px solid #eaeaea;
  width: 340px;
  text-align: left;
}

.content .order_body .order_name img {
  width: 50px;
  height: 63px;
}

.content .order_body .order_name .good_title_box {
  display: block;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 170px;
  height: 100%;
  padding: 30px 0 30px 10px;
}

.content .order_body .order_name a {
  color: #333;
}

.content .order_body .order_name .order_goods_num {
  display: inline-block;
  margin-top: 30px;
  margin-left: 20px;
  color: #333;
}

/* 订单信息  金额 */

.content .order_body .order_total {
  display: inline-block;
  color: #999;
  width: 130px;
  padding: 50px 0 50px 0;
  border-right: 1px solid #eaeaea;
  text-align: center;
}

.content .order_body .order_total span {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

/* 订单信息  订单状态 */

.content .order_body .order_state {
  display: inline-block;
  width: 120px;
  text-align: center;
  border-right: 1px solid #eaeaea;
  padding: 44px 0 44px 0;
}

.content .order_body .order_state span:first-child {
  color: #9e9e9e;
  display: block;
}

.content .order_body .order_state a {
  color: #333;
  display: block;
}

.content .order_body .order_state a:hover {
  color: #f10180;
  display: block;
}

/* 订单信息 再次购买 */

.content .order_body .order_buy_again {
  display: inline-block;
  border-right: 1px solid #eaeaea;
  width: 97px;
  text-align: center;
  padding: 51px 0 51px 0;
}

.content .order_body .order_buy_again a {
  color: #e00078;
  background-color: #fcedf2;
  border: 1px solid #ffbee0;
  padding: 5px 10px;
  font-size: 12px;
}

/* 订单信息 删除订单 */

.content .order_body .order_del {
  text-align: center;
  width: 70px;
  display: inline-block;
  text-align: center;
  margin-left: 6px;
}

.content .order_body .order_del a {
  color: #333;
}

.content .order_body .order_del a:hover {
  color: #f10180;
}